<!DOCTYPE HTML>
<html>
<head>
<title>Menu</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Curabitur Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
 <script src="js/jquery-1.11.1.min.js"></script>
  <script src="js/bootstrap.js"> </script>
  <!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->
<!-- cart -->
		<script src="js/simpleCart.min.js"> </script>
	<!-- cart -->
</head>
<body>
		<!-- start-header section-->
			<div class="header">
				<div class="container">
				     <div class="top-header">
						<div class="phone">
							<ul>
								<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></li>
								<li><p>+4758 655 5947</p></li>
							</ul>
						</div>
						<div class="logo">
							<h1><a href="index.html">正餐</a></h1>
						</div>
						<div class="header-right">
						<div class="login">
						<a href="login.html">登录</a>
						</div>
						<div class="cart box_1">
							<a href="checkout.html">
								<h3> <span class="simpleCart_total">￥0.00 </span> (<span id="simpleCart_quantity" class="simpleCart_quantity"> 0 </span> items)<img src="images/bag.png" alt=""></h3>
							</a>	
							<p><a href="javascript:;" class="simpleCart_empty">小食</a></p>
							<div class="clearfix"> </div>
						</div>
				</div>
		
						<div class="clearfix"></div>
					</div>	
				</div>
			</div>
		<!-- end-header section-->
		<!--start-banner-->
			<div class="banner ban1">
				<div class="container">
					<div class="top-menu">
					<span class="menu"><img src="images/nav.png" alt=""/> </span>
						<ul>
							<li><a  href="index.html">主页</a></li>
							<li><a  href="menu.html" class="active">菜单</a></li>
							<li><a  href="gallery.html">新品</a></li>
							<li><a  href="events.html">活动</a></li>
							
						</ul>
						<!-- script for menu -->
									
							 <script>
							 $("span.menu").click(function(){
							 $(".top-menu ul").slideToggle("slow" , function(){
							 });
							 });
							 </script>
						<!-- //script for menu -->
					</div>
					</div>	
			</div>
		<!--end-banner-->
			<div class="banner-bottom">
				<div class="container">
				<div class="droop-down">
					<div class="col-md-3 droop">
							<div class="sort-by">
		           <label>国家 </label>
		            <select class="sel"><option value="">中国</option> 
		                            
									<option value="">美国</option> 
		                              
		                            <option value="">日本</option>
		                           
		                            <option value="">法国 </option>	
									
									<option value="">加拿大 </option>	
		            </select>
						</div>
					</div>
					
					
					<div class="col-md-3 droop">
						<div class="sort-by">
		            <label>系列</label>
		            <select><option value=""> 烤鱼类</option>
					
		                    <option value="">面食类</option>  
							
							<option value="">炸鸡类</option>  
							
							<option value="">汤类</option> 
							
		                    <option value="">披萨类</option>            
		            </select>                
		                </div>               
					</div>
					
					
					<div class="col-md-3 droop">
						<div class="sort-by">
		            <label>菜名</label>
		            <select><option value="">意大利肉酱面</option>
					
		                    <option value="">芝士焗土豆</option>
							
		                    <option value="">牛奶玉米浓汤</option> 
							
		                    <option value="">煎牛排</option> 
							
		                    <option value="">罗宋汤</option>             
					</select>		  
		        </div>
					</div>
					<div class="col-md-3 search">
					<form>
					<input type="submit" value="搜索">
					</form>				
					</div>
					<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="content">
			<div class="menu-section">
					<div class="container">
						<h3> 精选菜单</h3>
						<div class="menu-grids wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
							<div class="menu1">
							<div class="col-md-4 menu-grid1 simpleCart_shelfItem">
								<img src="images/m1.jpg" class="img-responsive" alt="" />
								<div class="cur">
									<div class="cur-left">
										<div class="item_add"><span class="item_price"><a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a></span></div>
									</div>
									<div class="cur-right">
										<div class="item_add"><span class="item_price"><h6><span>仅</span>￥85</h6></span></div>
									</div>
										<div class="clearfix"> </div>
								</div>
								</div>
								<div class="col-md-4 menu-grid1 simpleCart_shelfItem">
								<img src="images/m2.jpg" class="img-responsive" alt="" />
								<div class="cur">
									<div class="cur-left">
										<div class="item_add"><span class="item_price"><a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a></span></div>
									</div>
									<div class="cur-right">
										<div class="item_add"><span class="item_price"><h6><span>仅</span> ￥29</h6></span></div>
									</div>
										<div class="clearfix"> </div>
								</div>
								</div>
								<div class="col-md-4 menu-grid1 simpleCart_shelfItem">
								<img src="images/m3.jpg" class="img-responsive" alt="" />
								<div class="cur">
									<div class="cur-left">
										<div class="item_add"><span class="item_price"><a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a></span></div>
									</div>
									<div class="cur-right">
										<div class="item_add"><span class="item_price"><h6><span>仅</span>￥15</h6></span></div>
									</div>
										<div class="clearfix"> </div>
								</div>
								</div>
								<div class="clearfix"></div>
								</div>
								<div class="menu2">
							<div class="col-md-4 menu-grid1 simpleCart_shelfItem">
								<img src="images/m5.jpg" class="img-responsive" alt="" />
								<div class="cur">
									<div class="cur-left">
										<div class="item_add"><span class="item_price"><a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a></span></div>
									</div>
									<div class="cur-right">
										<div class="item_add"><span class="item_price"><h6><span>仅</span> ￥65</h6></span></div>
									</div>
										<div class="clearfix"> </div>
								</div>
								</div>
								<div class="col-md-4 menu-grid1 simpleCart_shelfItem">
								<img src="images/m6.jpg" class="img-responsive" alt="" />
								<div class="cur">
									<div class="cur-left">
										<div class="item_add"><span class="item_price"><a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a></span></div>
									</div>
									<div class="cur-right">
										<div class="item_add"><span class="item_price"><h6><span>仅</span> ￥75</h6></span></div>
									</div>
										<div class="clearfix"> </div>
								</div>
								</div>
								<div class="col-md-4 menu-grid1 simpleCart_shelfItem">
								<img src="images/m7.jpg" class="img-responsive" alt="" />
								<div class="cur">
									<div class="cur-left">
										<div class="item_add"><span class="item_price"><a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a></span></div>
									</div>
									<div class="cur-right">
										<div class="item_add"><span class="item_price"><h6><span>仅</span> ￥108</h6></span></div>
									</div>
										<div class="clearfix"> </div>
								</div>
								</div>
								<div class="clearfix"></div>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
			<div class="specials-section">
				<div class="container">
					<div class="col-md-3 specials">
					<h3>关于</h3>
					<p>大口大口的吃肉是对生存的尊重</p>
				</div>
				<div class="col-md-3 specials1">
				<h3>系列</h3>
				<ul>
					<li><a href="#">中餐</a></li>
					<li><a href="#">西餐</a></li>
					<li><a href="#">韩料</a></li>
					<li><a href="#">泰菜</a></li>
				</ul>
				</div>
			<div class="col-md-3 specials1">
			<h3>食谱</h3>
			<ul>
				<li><a href="#">烤鱼</a></li>
				<li><a href="#">培根双牛芝士汉堡</a></li>
				<li><a href="#">法棍</a></li>
				<li><a href="#">至尊Pizza</a></li>
				<li><a href="#">芝士焗牛蛙</a></li>
				<li><a href="#">黑椒烤火鸡</a></li>
			</ul>
			</div>
			<div class="col-md-3 specials1">
			<h3>社交</h3>
			<ul>
				<li><a href="#">facebook</a></li>
				<li><a href="#">wechat</a></li>
				<li><a href="#">QQ</a></li>
				<li><a href="#">baidu</a></li>
			</ul>
			</div>
			<div class="clearfix"></div>
			</div>
			</div>
	</div>
	<div class="footer-section">
					<div class="container">
						<div class="footer-top">
						<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="美食之家">美食之家</a> - Collect from <a href="http://www.cssmoban.com/" title="美食堂" target="_blank">美食堂</a></p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


					</div>
					</div>


	
</body>
</html>
	